<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>内敛表达式</title>
<!--
    javascript脚本需要从后台获取数据的时候，就要用内敛表达式
-->
    <script type="text/javascript" th:inline="javascript">
        function fun() {
            alert("------");
            alert([[${data}]]);
        }
    </script>
</head>
<body>
<!--
    1. 内敛表达式：获取后台数据的方式与 ${..}不一样；
    2. th:inline 有三个取值类型 (text, javascript 和 none)，值为 none 什么都不做；
    3. 内敛文本表达式不依赖于 html 标签，直接使用内敛表达式[[表达式]]即可获取动态数据，但必须要求在父级标签上加 th:inline = “text”属性
    4. th:inline=”javascript”在 js 代码中获取后台的动态数据；
-->
<div th:inline="text">
    <span>展示数据：[[${data}]]</span>
</div><br/>
<input type="button" onclick="fun()" value="按钮"/>
<button onclick="fun()">js从后台获取数据展示</button>

</body>
</html>